<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/13.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/anniu.css" />
		<script type="text/javascript" src="js/html5shiv.min.js"></script>
		<script type="text/javascript" src="js/flexible.debug.js"></script>
		<script type="text/javascript" src="js/flexible_css.debug.js"></script>
		<style type="text/css">
			
		
			fieldset {
				width: 100%;
				position: fixed;
				left: 0;
				bottom: 0;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				background: #000;
				border: 1px #000 solid;
			}
			
			fieldset ul {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				background: #000;
				margin: 0;
				padding: 0;
				text-align: center;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			
			a {
				text-decoration: none !important;
			}
			
			fieldset ul li {
				-webkit-box-flex: 1;
				-webkit-flex-grow: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				text-align: center;
				width: 20%;
				color: #fff;
				list-style: none;
			}
			
			fieldset ul li p {
				padding: 0;
			}
			
			fieldset ul li a {
				text-decoration: none;
				padding: 0.5em 1em 0.2em 1em;
				background: #000;
				display: -webkit-inline-box;
				border-radius: 0.5em;
				text-align: center;
				color: #fff;
			}
			
			fieldset ul li a dl {
				width: 2em;
			}
			
			fieldset ul li a dl dt img {
				width: 1.5em;
				height: 1.5em;
			}
			
			fieldset ul li a:hover {
				background: #6f6f6f;
			}
			
			.footer {
				position: fixed;
				width: 100%;
				bottom: 0px;
				.px2rem(bottom, 0);
				.nav {
					margin: 0 auto;
					display: flex;
					background: black;
					.list {
						flex: 1;
						display: flex;
						flex-direction: column;
						.px2rem(height, 100);
						.px2rem(margin-top, 5);
						.px2rem(margin-left, 20);
						.px2rem(margin-right, 20);
						.px2rem(margin-bottom, 5);
						.px2rem(border-radius, 5);
						align-items: center;
						.img {
							.px2rem(margin-top, 5)
						}
						.title {
							text-align: center;
							color: white;
						}
						&.show {
							background: #6f6f6f;
						}
					}
				}
			}
		</style>
	</head>

	<body>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<header class="gdheader">
			<p>更多</p>
		</header>
		<div class="gdsection">
			<ul>
				<li style="border-top:none;">
					<p>常见问题</p><img src="img/right-arrow.png" /></li>
				<li>
					<p>系统设置</p><img src="img/right-arrow.png" /></li>
				<li>
					<p>软件更新</p>
					<div class="container">
						<label class="switch">
			    <input type="checkbox" class="switch-input" checked>
			    <span class="switch-label" data-on="On" data-off="Off"></span>
			    <span class="switch-handle"></span>
		    </label>
					</div>
				</li>
			</ul>

		</div>
		<div class="gdsection">
			<ul>
				<li style="border-top:none;">
					<p>扫描二维码</p><img src="img/right-arrow.png" /></li>
				<li onclick="window.location='opin.html'">
					<p>我要提意见</p><img src="img/right-arrow.png" /></li>
				<li>
					<p>关于</p>
					<div class="container">
						<label class="switch">
			    <input type="checkbox" class="switch-input" checked>
			    <span class="switch-label" data-on="On" data-off="Off"></span>
			    <span class="switch-handle"></span>
		    </label>
					</div>

				</li>
			</ul>

		</div>
		
		
		
		<div class="gdsection">
			<ul>
				<li style="border-top:none;">
					<p>最近浏览</p><img src="img/right-arrow.png" /></li>
				<li>
					<p>走秀热点</p><img src="img/right-arrow.png" /></li>
				<li>
					<p>二维码扫描</p><img src="img/right-arrow.png" /></li>
			</ul>

		</div>
		
		
		<footer class="footer">
			<ul class="nav">
				<li class="list" onclick="window.location='shouye.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">首页</span>
				</li>

				<li class="list" onclick="window.location='search.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">搜索</span>
				</li>

				<li class="list" >
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">我的秀</span>
				</li>

				<li class="list" onclick="window.location='shoppingcar.html'">
					<span class="img">
						<img src="img/nav-1.png" />
					</span>
					<span class="title">购物车</span>
				</li>

				<li class="list show" onclick="window.location='gengduo.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">更多</span>
				</li>

			</ul>

		</footer>
		
		
		
	
	</body>

</html>